<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8"/>
		<meta charset="utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<title>首页</title>
		<link th:href="@{/style/loading.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/style/load_style.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/style/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/style/basic.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/style/index.css}" rel="stylesheet" type="text/css"/>
		<script th:src="@{/script/vue.min.js}"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"/>
		<style>
			body {
				height: 100%;
			}
			
			.merchantInfo {
				border: solid #E8E8E8 1px;
				border-radius: 5px;
				width: 90%;
				padding: 20px 0;
				background: white;
				margin: 10px auto;
				z-index: 999999;
				 opacity: 1;
				display: flex;
				flex-direction: column;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid">
			<div class="row" id="content">
				<div class="head" style="display: block;">
					<a class="reback"></a>
					<a class="rebacktxt" href="javascript:history.go(-1)">返回</a>海南一卡通</div>
					<div class="content cf">
					<div class="merchantInfo">
					<div class="note01 tc" style="text-align: center;padding: 0;">
						<img src="{{wechatInfo.headimgurl}}" style="width: 80px;height: 80px;border-radius: 20px"/>
						<h2 class="m_t_10">{{dataInfo.mrchName}}</h2>
					</div>
					</div>
					<div class="bg_fffBar01 cf m_b_10">
						<ul class="list02 p_l_12 p_r_12">
							<li class="cf" v-on:click="getTranList">
								<span class="fl tit">交易记录</span>
								<span class="fr cue">
									<a class="btn_ses-02" href="#"></a>
								</span>
							</li>
							<li class="cf" v-on:click="getRegisteronLineByMrchId">
								<span class="fl tit">补登记</span>
								<span class="fr cue">
									<a class="btn_ses-02" href="#"></a>
								</span>
							</li>
						</ul>
					</div>
					
				</div>
			</div>
			<div th:replace="loading::loadtemp"></div>
			<!--JavaScript插件都是依赖与jQuery库-->
			<script th:src="@{/script/jquery.min.js}"></script>
			<script th:src="@{/script/bootstrap.min.js}"></script>
			<script th:src="@{/script/layer/layer.js}"></script>
			<script th:src="@{/script/verifVersion.js}"></script>
			<script th:inline="javascript">
                var merchantInfo;
                var content=new Vue({
                    el: '#content',
					data:{
                        dataInfo:null,
						wechatInfo:null
					},
                    methods:{
                        getTranList:function () {
							//layer.msg("交易记录");
                            window.location.href = "/mrch/trans_record";
                        },
                        getRegisteronLineByMrchId:function () {
							//layer.msg("补交易")
                            window.location.href = "/mrch/register_record";
                        }
					}
				})
				setTimeout(function () {
                    merchantInfo = [[${merchantInfo}]];
                    content.dataInfo=merchantInfo;
                    content.wechatInfo=[[${weChatInfo}]]
                },100);
			</script>
		</div>
	</body>

</html>